<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.min.js"></script>
	</head>

	<body>
		<div id="app">
			<!--
				如果复杂的表达式，虽然可以写在{{}}里面，但是作者建议大家，尽量使用函数,
				函数只是针对事件使用,
				如果函数想写到{{}}里面，必须使用计算属性
			-->
			<p> {{ fnReverse }} </p>

		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#app",
			data: {
				txt: 'hello'
			},
			//			methods:{
			//				fnReverse:function(){
			//					return this.txt = txt.split('').reverse().join('')
			//				}
			//			},
			computed: {
				fnReverse: function() {
					return  this.txt.split('').reverse().join('')
				}
			}
		})
	</script>

</html>